const HomeLayout = () => import(/* webpackChunkName: "HomeLayout" */ '../../views/home-layout.vue')
const MenuLayout = () => import(/* webpackChunkName: "MenuLayout" */ '../../views/menu-layout.vue')
const Hellword = () => import(/* webpackChunkName: "Hellword" */ '../../views/helloword/helloword.vue')
const Foo = () => import(/* webpackChunkName: "Foo" */ '../../views/helloword/foo.vue')

export const DemoRouter = [
  {
    path: '/demo',
    redirect: '',
    component: HomeLayout,
    name: 'demo',
    meta: {
      label: 'helloword',
      icon: 'el-icon-star-on'
    },
    children: [
      {
        path: '',
        component: MenuLayout,
        name: 'hello',
        meta: {
          label: '1级菜单',
          icon: 'el-icon-edit-outline'
        },
        children: [
          {
            path: 'helloword',
            name: 'demo-hello-word',
            component: Hellword,
            meta: {
              icon: 'el-icon-star-off',
              label: 'To Be Sold',
              //ssr: true
            }
          }
        ]
      },
      {
        path: '',
        component: MenuLayout,
        name: 'foo',
        meta: {
          label: 'foo',
          icon: 'el-icon-edit-outline'
        },
        children: [
          {
            path: 'foo',
            name: 'demo-foo',
            component: Foo,
            meta: {
              icon: 'el-icon-star-off',
              label: 'Foo'
            }
          }
        ]
      }
    ]
  }
]
